import React, { Component } from 'react'
import moment from 'moment'
import TweenOne from 'rc-tween-one';
import { Icon } from 'antd';
import Children from 'rc-tween-one/lib/plugin/ChildrenPlugin';
require('./index.css')

TweenOne.plugins.push(Children);

export default class BarREcharts extends Component {

  constructor(props) {
    super(props)
    this.state = {
        warningList:[],
    }
  }

  componentWillMount(){
    this.setState({
        warningList:JSON.parse(localStorage.getItem('warningList')),
        // warningList:data
    })
  }


  componentDidMount() {

  }


  render() {
    let {warningList} = this.state
    return (
      <div className="warning" >
        {
            warningList&&warningList.map((item, index) => (
                <div style={{padding:' 4px 0'}}><Icon type="exclamation-circle" theme="filled" style={{color: '#f47532'}} /> {item.text}</div>
            ))
        }
      </div>
    )
  }
}
